<template>
  <v-page class="page-max">
    <view class="p-md fn-sm color-gray-1"> 标签名 </view>
    <view class="p-md bg-light">
      <v-input class="fn-md" placeholder="请输入标签名"></v-input>
    </view>
    <view class="p-md fn-sm color-gray-1"> 成员 </view>
    <view class="p-md bg-light user-list">
      <view class="d-flex flex-col align-center" v-for="item in 14" :key="item">
        <user-head class="w-46 h-46"></user-head>
        <view class="w-46 eps-1 fn-sm m-t-sm fn-center"> 王花花 </view>
      </view>
      <view class="d-flex flex-col align-center">
        <view
          class="w-46 h-46 border rounded d-flex align-center justify-center iconfont"
        >
          &#xe626;
        </view>
      </view>
      <view class="d-flex flex-col align-center">
        <view
          class="w-46 h-46 border rounded d-flex align-center justify-center iconfont"
        >
          &#xe683;
        </view>
      </view>
    </view>
    <view class="p-md m-t-lg">
        <v-button type="error">
            删除标签
        </v-button>
    </view>
  </v-page>
</template>
<script>
export default {
  name: "edit-label",
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.user-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-row-gap: 30rpx;
  justify-content: space-between;
}
</style>